
	ul, li, h2 {
		list-style-type: none;
		margin: 0; padding: 0;
	}
	h1 {	 
	 margin: 50px 0 10px 50px;
   font-size: 1.3em;
  }
	h2 {	 
    font-size: 1em;
  }
  p {
    margin-left: 50px;
  }
	
	#nav {
		font:.9em;
    background:#e3e3e3;
    background:-moz-linear-gradient(#f5f5f5, #e3e3e3);
    background:-webkit-gradient(
    linear,
    0 0,
    0 100%,
    color-stop(0, #f5f5f5),
    color-stop(0.98, #e3e3e3),
    color-stop(1, #fff));
    border-bottom: 1px solid #ccc;
	}
	#nav > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #eee;  
    
    /* for IE6/7 */
    *display: inline;
    zoom:1; 
	}
	#nav a {
    display: block;
    padding: 0 5px;
		color: #000;
		text-decoration: none;
	}
	#nav a:hover, #nav a:focus {
		background: #eee;
	}
	#nav h2 a { 
    display: block;
    padding: 8px 10px;
    border-right: 1px solid #ccc;
    background: none;
    text-decoration: none;
	}
	
	.submenu {
    position: absolute;
    left: -2px; 
    z-index: 0;
    opacity: 0;
    filter:alpha(opacity=0);
		white-space: nowrap;
		background: #fff;
		-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 0 0 5px 5px; 
    -webkit-border-radius: 0 0 5px 5px; 
    border-radius: 0 0 5px 5px;         
    -webkit-border-bottom-left-radius: 5px; /* for Chrome */ 
    -webkit-border-bottom-right-radius: 5px; /* for Chrome */  
    border: 2px solid #eee;
    border-top: 1px solid #ccc;
	}
	 .submenu li {
	  height: 0;
    line-height: 25px;
    background:#fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	}
  #nav > li:hover .submenu, #nav > li.focus .submenu {
    z-index: 10;
    opacity: 1;
    filter:alpha(opacity=100);
  }
	#nav > li:hover .submenu li, #nav > li.focus .submenu li {
    height: 25px;
  }